<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新人专区</title>
    <link rel="stylesheet" href="../../css/mobile_reset.css">
    <link rel="stylesheet" href="../../css/index.css">
    <link rel="stylesheet" href="../../css/invite_friends/novice_area.css">

    <script>
        (function () {
            document.addEventListener('DOMContentLoaded', function () {
                var html = document.documentElement;
                var windowWidth = html.clientWidth;
                html.style.fontSize = windowWidth / 7.5 + 'px';
                // 等价于html.style.fontSize = windowWidth / 750 * 100 + 'px';
            }, false);


        })();

        // 这个7.5就是根据设计稿的横向宽度来确定的，假如你的设计稿是640
        // 那么 html.style.fontSize = windowWidth / 6.4 + 'px';
    </script>
</head>
<body>
<!--页面的头部-->
    <div class="header_nav"></div>
    <!--页面海报-->
    <div class="poster_title">
        <img src="../../images/index/xinshou_bg_hb_default.jpg" alt="">
    </div>
    <!--商品标题-->
    <div class="try_goods">
        <div class="try_goods_title">
            <h1><span class="line"></span><span>新人专区</span><span class="line"></span></h1>
        </div>
    </div>
    <!--商品列表-->
    <div class="recommend-try">
        <div class="recommend-try-goods">
            <ul>
                <li>
                    <a href="../../detail.html">
                        <img src="../../images/poster_bg_poster01_default@2x.png " />
                    </a>
                    <div class="goods-description">
                        <p class="one">花谢花飞花满天，红消香断有谁怜。</p>
                        <p class="two">
                            <span>价值：<b>&yen;288.00</b></span>
                            <span class="pinkage">包邮</span>
                        </p>
                        <p class="three">
                            <span>限量：<b>10份</b></span>
                            <span class="applyFor">已申请<b>10份</b></span>
                        </p>
                    </div>
                </li>
                <li>
                    <a href="../../detail.html">
                        <img src="../../images/poster_bg_poster01_default@2x.png " />
                    </a>
                    <div class="goods-description">
                        <p class="one">花谢花飞花满天，红消香断有谁怜。</p>
                        <p class="two">
                            <span>价值：<b>&yen;288.00</b></span>
                            <span class="pinkage">包邮</span>
                        </p>
                        <p class="three">
                            <span>限量：<b>10份</b></span>
                            <span class="applyFor">已申请<b>1份</b></span>
                        </p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
<!--新手礼包悬浮按钮-->
<div class="novicePacks_btn">
    <img src="../../images/index/xinshou_icon_libao_default@2x.png" alt="">
</div>
</body>
</html>